html{ -webkit-text-size-adjust:none;} input,button,select,textarea{outline:none} /*取消chrome下input和textarea的聚焦边框*/ textarea{resize:none} /* 取消chrome下textarea可拖动放大 */
*{ -moz-box-sizing:border-box;box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
table{ border-collapse:collapse;border-spacing:0px;}
fieldset,img{ border:0;} em,th,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;} caption,th{ text-align:left;} i{ font-style: normal;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;} li{list-style-type:none;}
q:before,q:after{ content:'';} abbr,acronym { border:0;} 
img, video{ max-width: 100%; max-height: 100%; vertical-align: middle; border:0;}
a,button,input,select{ -webkit-tap-highlight-color:rgba(255,0,0,0); outline: none;}
a{ text-decoration: none; color: #222;}
body{ font: 14px/24px "Microsoft YaHei", "微软雅黑", "宋体", Arial; color: #111; letter-spacing: .03em; -webkit-font-smoothing: antialiased; background: #fff;}
input,select,textarea,button{ font: 14px/24px "Microsoft YaHei", "微软雅黑", "宋体", Arial; border: 0 none; color: #333;}
input:focus{ outline: none;} button, input[type='button']{ border: 0 none; background: transparent;}
table{ font-size:inherit; font:100%;} p{ margin: 0;} input{ outline: 0px; -webkit-appearance:none; -webkit-box-shadow: 0 0 0 1000px transparent inset !important;}
select{ -moz-appearance: none; -webkit-appearance:none; appearance:none;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{ background-color: transparent!important; background-image: none !important; -webkit-box-shadow: 0 0 0 1000px #c30d23 inset !important;}

/* clearfix */
.clearfix:after, .clearfixlist li:after, .container:after{ content:"\0020"; display:block; clear:both; height:0; font-size:0;}
.clearfix, .clearfixlist li, .container{ zoom:1;}
.clear{ clear:both; display:block;} .hide, .show-pad, .show-small{ display: none;} .fb{ font-weight: bold;}
.fl{ float: left;} .fr{ float: right;} .bg-white{ background: #fff;} .bg-gray{ background: #f5f5f5;}
.last-list li:last-child{ border: 0 none;} .red{ color: #a52a2a;} .blue{ color: #c30d23;} .gray{ color: #999;}

.vertical{ display: table-cell; vertical-align: middle;}
.tleft{ text-align: left;} .tright{ text-align: right;} .tcenter{ text-align: center;}
.tellips, .name{ display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.pic{ text-align: center; overflow: hidden;} .pic img{ width: 100%; height: 100%;}

.circle, .plus{ -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}
.rect2{ -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px;}
.rect{ -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;}
.trans, .remark{ -webkit-transition: all 0.38s ease; -moz-transition: all 0.38s ease; transition: all 0.38s ease;}
.scale{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition: all ease 0.38s;}
.rotate{ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.38s ease; -moz-transition: all 0.38s ease; transition: all 0.38s ease;}
.blur{ -webkit-filter: blur(2px); -moz-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px);}
a:hover .scale, li:hover .scale{ -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -o-transform: scale(1.06); transform: scale(1.06);}
a:hover .rotate{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}

.sdown{ padding: 0 18px 0 8px; border: 1px solid #e0e0e0; color: #212121; background: url(../images/idown.png) no-repeat 80% center;}
.pagination{ margin: 40px 0; font-size: 14px; text-align: center;} .pagination .ptxt{ margin: 0 8px;}
.pagination a{ display: inline-block; min-width: 32px; padding: 2px 8px; color: #757575; background: #e0e0e0;}
.pagination a:hover, .pagination .active{ color: #fff; background: #c30d23;}

.bounce-to-right{ position: relative; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
.bounce-to-right:before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; border-radius: 20px; background: #278F60; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.bounce-to-right:hover, .bounce-to-right:focus, .bounce-to-right:active{ border-color: #278F60;}
.bounce-to-right:hover:before, .bounce-to-right:focus:before, .bounce-to-right:active:before{ -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}

.font14, .txt{ font-size: 14px; line-height: 24px;}
.font18, .name{ font-size: 18px; line-height: 32px;}
.font20{ font-size: 20px; line-height: 40px;} 
.font22{ font-size: 22px; line-height: 42px;}
.font26{ font-size: 26px; line-height: 46px;} 
.font28{ font-size: 28px; line-height: 42px;}
.font45{ font-size: 45px; line-height: 60px;}

.shade{ display: none; position: fixed; z-index: 66; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6);}
.nodata{ padding: 40px 0 60px; line-height: 40px; text-align: center;} .fb{ font-weight: bold;}
.nodata img{ width: 300px; height: 300px;} .nodata .name{ margin-top: 10px;}
.edit-info{ min-height: 300px; margin: 15px 0; line-height: 32px; color: #424242;} .edit-info img{ display: block; margin: 20px auto;}
.edit-info .mtxt{ margin-bottom: 15px; line-height: 24px;}
.pagenav{ padding: 12px 0; border-top: 1px solid #e0e0e0; margin-top: 30px;}
.pagenav .tellips{ width: 49%;} .pagenav .fr{ text-align: right;}
.pagenav .tellips:hover{ color: #c30d23;}

.container{ position: relative; width: 96%; max-width: 1300px; margin: 0 auto;}
.header .logo{ float: left; height: 100px; margin: 20px 0;}
.header .info{ float: right; width: 430px; text-align: right;}
.header .date{ margin: 8px 0 40px;}
.form-search{ position: relative; width: 100%; padding-right: 162px;}
.form-search input{ width: 100%; padding: 0 12px; font-size: 14px; line-height: 32px; background: #ecf1ed;}
.form-search .btn{ position: absolute; top: 0; right: 122px; width: 40px; height: 32px; background: url(../images/isear.jpg) no-repeat 0 0; background-size: 100% 100%; text-indent: -9999em;}
.form-search .bmess{ right: 60px; width: 52px; background-image: url(../images/imess.jpg);}
.form-search .bsky{ right: 0; width: 50px; background-image: url(../images/isky.jpg);}

.fixedNav{ position:fixed; z-index:9998; top:0px; left:0px; width:100%; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}
.navbar{ float: none; width: 100%; text-align: center; background: #278f5f;}
.nav-list li{ float: left; position: relative; width: 12.5%; padding: 12px 0; font-size: 20px; line-height: 26px;}
.nav-list a{ border-right: 1px solid #fff; color: #fff;}
.nav-list li:last-child a{ border: 0 none;}
.nav-list .target{ display: block; position: relative;} .nav-list .target.show-pad{ display: none;}
.nav-list .active .target, .nav-list .curr .target, .nav-list .target:hover, .nav-list a:hover{ color: #fff;}
.sublist{ display: none; position: absolute; z-index: 6; top: 100%; left: 0; width: 100%;}
.sublist a{ display: block; margin-top: 3px; font-size: 15px; line-height: 36px; background: #027cb0;}
.sublist a:hover{ background: #05492c;}

.fixed.btop{ display: block; opacity: 0; position: fixed; z-index: 6; bottom: 18%; right: 30px; width: 64px; height: 64px; padding-top: 36px; color: #fff; border-radius: 0 0 6px 6px; text-align: center; background: url(../images/btop.png) no-repeat center 12px #626262; -webkit-transform:translateX(100%) rotate(360deg); transform:translateX(100%) rotate(360deg); transition:all .5s ease;}
.fixed.btop.rollIn{ opacity:1; -webkit-transform:translateX(0px) rotate(0deg); transform:translateX(0px) rotate(0deg); transition:all .5s ease;}

.footer{ padding: 16px 0; background: #edecec;}
.footer .info{ width: 68%;}
.footer .txt{ line-height: 26px;}
.footer .rinfo{ width: 30%; text-align: right;}
.footer a{ float: right; line-height: 56px;}
.footer .target{ margin-right: 30px;}
.footer .fimg{ margin-left: 12px;}
.footer .imgs{ position: relative; margin-top: 10px;}
.footer .qrcode{ display: none; position: absolute; z-index: 888; bottom: 55px; right: -16px; width: 90px; height: 90px;}

.btn-more{ display: block; width: 120px; border: 1px solid #757575; margin: 45px auto 0; font-size: 18px; line-height: 34px; color: #757575; text-align: center; -webkit-border-radius: 20px; border-radius: 20px;}
.btn-more:hover{ color: #fff; border-color: #278F60; background: #278F60;}
.remark{ position: absolute; bottom: 0; width: 100%; padding: 10px 20px; color: #fff; opacity: 0.6; background: #000;}
.tab-panel{ display: none;} .tab-panel.active{ display: block;}
.init-home{ background: #eff9f8;}
.init-home .container{ padding: 20px; background: #fff;}
.mod-banner .col-5{ float: left; width: 56%;}
.mod-banner .col-4{ float: right; width: 40%;}

.contop{ margin-top: -120px;}
.swiper-banner .pic{ width: 100%;}
.switch-news{ margin-bottom: 8px;}
.switch-news a{ float: left; width: 48%; border-radius: 6px; line-height: 38px; text-align: center; background: #f1efef;}
.switch-news a:nth-child(2n){ float: right;}
.switch-news .active{ color: #fff; background: #3187D2;}
.tab-news .hd{ padding: 5px 10px; border-bottom: 1px solid #bdb2bf; margin-bottom: 10px; text-align: center;}
.news-list li{ display: block; position: relative; padding-right: 52px;}
.news-list .date{ position: absolute; top: 0; right: 0;}
.news-list a{ color: #000;} a:hover{ color: #278f5f;}
.col-cert{ position: relative; padding: 10px 26px; border: 1px solid #ddd; margin-top: 12px;}
.col-cert .sbtn{ position: absolute; top: 50%; width: 15px; height: 25px; margin-top: -15px;}
.col-cert .btn-next{ right: 3px;}
.col-cert .btn-prev{ left: 3px;}

.mod-news{ margin: 30px 0;}
.mod-news .col-7{ float: left; width: 75%;}
.mod-news .col-3{ float: right; width: 24%;}
.mod-news .bd{ padding: 10px 0;}
.mod-list li{ float: left; width: 48%; margin-top: 30px;}
.mod-list li:nth-child(2n){ float: right;}
.mod-list .hd{ border-bottom: solid 1px #cecece;}
.mod-list .font22{ float: left; width: 140px; height: 42px; line-height: 42px; border-radius: 5px 5px 0 0; color: #fff; text-align: center; overflow: hidden; background: #559365;}
.mod-list .bmore{ float: right; margin-top: 16px; color: #858484;}
.mod-list .bmore:hover{ color: #c70303;}
.mod-list .bd{ height: 240px;} .mod-list .name{ margin: 10px 0;}
.mod-list .target{ display: inline-block; width: 32%; padding: 0 5px; text-align: center;}
.mod-list .target:nth-last-child(2), .mod-list .target:last-child{ }
.mod-list .pic{ width: 46px; height: 46px; margin: 10px auto;}
.mod-list .tellips{ color: #474444; line-height: 36px; background: #ccedf9;}
.mod-list a:hover .tellips{ color: #c70303;}

.scol-news{ padding: 5px 12px; background: #f0f4ef;} .scol-news .inews{ height: 20px;}
.scol-news .target{ display: block; padding: 8px 0 8px 16px; border-bottom: 1px dashed #676967; background: url(../images/dot.jpg) no-repeat 0 15px;}
.scol-news .target:last-child{ border: 0 none;}
.press-cont, .info-list{ width: 100%; height: 260px;}
.press-cont{ position: relative; overflow: hidden;} 
.info-list{ position: absolute; top: 0; left: 0;}
.babout{ display: block; margin: 8px 0; overflow: hidden;}

.switch-link, .switch-link a{ color: #fff;}
.switch-link{ background: #5c8867;}
.switch-link .font22{ padding-left: 36px; margin-right: 20px; line-height: 60px; background: url(../images/link.jpeg) no-repeat 0 55%;}
.switch-link .target{ float: left; padding: 0 20px; margin: 0 8px; line-height: 48px; margin-top: 12px;}
.switch-link .active, .switch-link a:hover{ color: #193a21; background: #fff;}
.tab-link{ height: 130px; padding: 8px 0;}
.tab-link a{ display: block; padding-left: 18px; margin: 5px 0; color: #193a21; background: url(../images/left.jpg) no-repeat 0 center;}

.crumb{ padding: 10px 0; border-top: 1px solid #fff; background: #e9f9e9;}
.mod-detail{ padding: 30px 0;}
.btn-opera{ padding: 12px 20px; font-size: 16px; text-align: right; background: #F2F2F4;}
.btn-opera a{ display: inline-block; padding-left: 30px; margin-left: 12px; background: url(../images/collect.png) no-repeat 0 center; background-size: 28px;}
.btn-opera .bprint{ background-image: url(../images/print.png);}
.btn-opera .bclose{ background-image: url(../images/close.png);}

.init-green{ background: #e9f0ea;}
.init-news .font26, .init-news .title{ color: #305a93;} .init-news .title{ font-weight: 600;}
.init-news .line{ width: 38px; height: 1px; margin: 3px auto 15px; background: #305a93;}
.frame{ position: relative; padding-left: 270px;}
.aside{ position: absolute; top: 0; left: 0; width: 200px;}
.aside .target{ display: block; width: 100%; margin-top: 15px; line-height: 36px; color: #fff; text-align: center; background: #5c8867; -webkit-border-radius: 18px; -moz-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px;}
.aside .target:hover, .aside .active{ background: #258eb9;}
.press-list li{ padding: 12px 0; border-bottom: solid 1px #bbb;}
.press-list a{ display: block; position: relative; padding-right: 100px;}
.press-list .date{ position: absolute; top: 3px; right: 0; font-size: 16px; color: #616161;}

.tab-break{ float: left; position: relative; z-index: 2; width: 60%;}
.switch-break{ float: right; width: 42%; padding: 20px 20px 20px 4%; border: 1px solid #c3c9d5; margin-left: -2%;}
.switch-break a{ display: block; position: relative; padding: 12px 15px 15px 120px; margin-bottom: 15px;}
.switch-break .date{ position: absolute; top: 9%; left: 10px; width: 86px; text-align: center;}
.switch-break .year{ font-size: 13px;}
.switch-break .active, .switch-break a:hover{ color: #fff; background: #278F60;}
.switch-break .active .year, .switch-break a:hover .year{ border-color: #fff;}

.prtop-list li{ margin-top: 15px;} .prtop-list a{ color: #222;}
.prtop-list .pic{ float: left; width: 40%;}
.prtop-list .info{ float: right; position: relative; width: 58%;}
.prtop-list .txt{ height: 72px; font-size: 16px; line-height: 24px; overflow: hidden;}
.prtop-list .date{ position: absolute; bottom: 0; left: 0; color: #bab9b9;}
.buslist{ margin-top: 30px;} .buslist p{ text-indent: 2em;}
.buslist .info{ border-bottom: 1px solid #cbd1cc;}
.buslist .txt{ height: 90px; margin-top: 12px; line-height: 30px;}

@media(max-width: 1240px){
	.font18, .name{ font-size: 17px; line-height: 30px;}
	.font20, .nav-list .target{ font-size: 18px; line-height: 32px;} 
	.font22{ font-size: 20px; line-height: 36px;}
	.font26{ font-size: 22px; line-height: 40px;}
	.font28{ font-size: 24px;}
	.font45{ font-size: 42px; line-height: 52px;}

	.header .logo{ height: 80px;} .header .date{ margin-bottom: 30px;}
	.mod-banner .col-5{ width: 58%;}
	.mod-detail{ padding: 25px 0;}
	.press-list .date{ font-size: 15px;}
	.frame{ padding-left: 240px;}
	.switch-break a{ padding-left: 90px;}
	.switch-break .date{ left: 2px;}
}
@media(max-width: 992px){ .hide2, .hide-small{ display: none;} .show-small{ display: block;}
	.font18, .name{ font-size: 16px; line-height: 28px;}
	.font20, .nav-list .target{ font-size: 17px; line-height: 30px;} 
	.font22{ font-size: 18px;} .font26{ font-size: 20px;}
	.font28{ font-size: 22px;}
	.font45{ font-size: 38px; line-height: 52px;}

	.header .info{ width: 360px;} .header .logo{ height: 68px;}
	.header .date{ margin-bottom: 20px;}

	.mod-list li, .mod-list li:nth-child(2n){ float: none; width: 100%;}
	.mod-list li{ margin-top: 20px;}
	.mod-list .bd{ height: auto;} .mod-list .bfabu{ height: 240px;}
	.mod-list .name{ margin: 8px 0;}
	.btn-opera{ font-size: 15px;}
	.mod-detail{ padding: 20px 0;} .edit-info{ margin: 10px 0;}
	.press-list .date{ font-size: 14px;}
	.tab-break, .switch-break{ float: none; width: 100%; margin: 0}
	.switch-break{ padding: 20px;}
	.buslist .txt{ height: 60px;}
}
@media(max-width:768px){ body{ padding-top: 56px;}
	.fixed.btop{ bottom: 18px; right: 0; width: 40px; height: 40px;}
	.hide-pad{ display: none;} .show-pad{ display: block;} .pagination{ margin: 30px 0;}
	.header{ position: fixed; z-index: 60; top: 0; left: 0; width: 100%; background: #fff;}
	.header .logo{ height: 40px; margin: 8px 0;}
	.menu{ position: absolute; top: 50%; right: 0; width: 32px; height: 32px; margin-top: -16px; background: url(../images/menu.png) no-repeat center center; background-size: 28px;}
	.navbar{ position: fixed; z-index: 9999; top: 0; left: -260px; width: 260px; height: 100%; padding: 12px 0; line-height: 46px; overflow: scroll;}
	.nav-list, .nav-list li{ float: none; width: 100%;}
	.nav-list li{ padding: 8px; line-height: 42px;}
	.nav-list .target{ border: 0 none; color: #fff;}
	.nav-list .target.show-pad{ display: block;} .nav-list .target.hide-pad{ display: none;}
	.nav-list .active>.target, .nav-list .target:hover, .sublist a:hover{ background: transparent;}
	.nav-list .target{ position: relative; font-size: 15px;}
	.nav-list span.target:after{ content: '\0020'; display: block; position: absolute; top: 43%; right: 18%; border: 6px solid transparent; border-top-color: #fff;}
	.sublist{ position: static; padding: 8px;}
	.sublist a{ border: 0 none; font-size: 14px; line-height: 28px; background: transparent;}
	.sublist, .sublist a:hover, .sublist .active{ background: transparent;}

	.init-home .container{ padding: 16px;} .contop{ margin-top: -60px;}
	.mod-banner .col-5, .mod-banner .col-4, .mod-news .col-7, .mod-news .col-3{ float: none; width: 100%;}
	.mod-banner .col-4{ margin-top: 16px;}
	.mod-news{ margin: 20px 0 0;} .mod-list .name{ margin: 5px 0;}
	.tab-news .hd{ padding: 10px 0;}
	.mnew{ float: right; width: 49%; margin-top: 24px;} 
	.babout{ float: left; width: 49%;}
	.babout:nth-child(2n){ float: right;}
	.mod-detail{ padding: 15px 0;} .init-green .line{ margin-bottom: 10px;}
	.frame{ padding-left: 0;} .press-list li{ padding: 10px 0;}
	.aside, .plus{ position: fixed; z-index: 66; bottom: 24%;}
	.aside{ display: none; left: 48px; top: auto; width: 180px;} .aside .target{ margin-top: 5px;}
	.plus{ left: 8px; width: 36px; height: 36px; font-size: 30px; color: #fff; line-height: 32px; text-align: center; background: #5c8867;}
	.prtop-list .txt{ font-size: 15px;}
	.buslist .txt{ height: 48px; margin: 0; line-height: 24px;}
}
@media(max-width:480px){ .pagination .hide-phone{ display: none;}
	.pagination{ margin: 15px 0 10px;} .btn-more{ font-size: 14px;}
	.edit-info .mtxt{ margin-bottom: 10px;}
	.fixed.btop{ text-indent: -9999em; background-position: center 10px;}

	.font18, .name{ font-size: 15px; line-height: 28px;}
	.font20, .font22, .nav-list .target{ font-size: 16px; line-height: 30px;} 
	.font26{ font-size: 18px; line-height: 28px;}

	.footer .info, .footer .rinfo{ float: none; width: 100%;}
	.footer a{ float: left;} .footer .qrcode{ display: block; z-index: 5; bottom: -16px; right: 12px;}
	.footer span{ display: inline-block;}

	.init-home .container{ padding: 12px;}
	.contop{ margin-top: -20px;} .tab-news .hd{ margin-bottom: 6px;}
	.mod-news{ margin: 12px 0 0;}
	.mod-list li{ margin-top: 12px;}
	.mod-news .bd{ padding: 5px 0;} .switch-news{ margin-bottom: 2px;}
	.mod-list .name, .babout, .news-list li{ margin: 5px 0;}
	.mod-list .target{ width: 48%;}
	.babout, .mnew{ float: none; width: 100%;} .mnew{ margin-top: 5px;}
	.btn-opera{ font-size: 14px;} 
	.btn-opera a{ padding-left: 26px; margin-left: 8px; background-size: 24px;}
	.edit-info{ margin: 5px 0;}
	.init-green .line{ margin-bottom: 5px;}
	.prtop-list li{ margin-top: 12px;}
	.prtop-list .pic, .prtop-list .info{ float: none; width: 100%;}
	.prtop-list .info{ padding: 12px 0;} 
	.prtop-list .txt{ height: auto; margin-top: 5px; font-size: 14px;}
	.press-list .date{ font-size: 13px;}
	.buslist{ margin-top: 12px;}
	.break-list .txt{ margin: 5px 0 16px;}
}